<ion-header>
  <ion-toolbar>
    <ion-title>
      <div style="text-align: center;" class="font">消息</div>
    </ion-title>
  </ion-toolbar>
</ion-header>
<ion-content>
  <ion-list>
    <ion-item *ngFor="let user of userList;let index"(click)= "chat()">
      <ion-avatar slot="start">
        <img [src]="user.img" alt="avatar" />
      </ion-avatar>
      <ion-label>
        {{ user.name }}
      </ion-label>
      <p>{{ user.updatedAt |date:"HH:mm"}}</p>
    </ion-item>

  </ion-list>
  <ion-infinite-scroll (ionInfinite)="onIonInfinite($event)">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>